<template>
  <!-- 本组件主要用于通过iframe展示左右两边的组件 -->
  <div class="zhiframe-view">
    <iframe :src="zhiframeurl" frameborder="0" class="zhiframe-line"></iframe>
  </div>
</template>

<script>
export default {
  props: {
    boxmessage: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      // 通过公共的组件展示,不用写两遍
      zhiframeurl: ''
    }
  },
  watch: {
    boxmessage: {
      handler(newvalue) {
        this.handelDatames()
      },
      deep: true
    }
  },
  mounted() {
    this.handelDatames()
  },
  methods: {
    // 处理数据形成真正的urls
    handelDatames() {
      if (this.boxmessage.assemblyCode) {
        // 通过业务组件框code获取业务框的里面的信息，并且在这个页面展示
        
      } else {
        
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.zhiframe-view{
    width: 100%;
    height: 100%;
    background-color: #fff;
    .zhiframe-line{
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 5;
    }
}
</style>
